<template>
  <div class="dev-quality">
    <el-tabs class="w-tab" v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="质量" name="groupView" :lazy="true">
        <groupViewTabs></groupViewTabs>
      </el-tab-pane>
      <el-tab-pane label="响应" name="sysView" :lazy="true">
        <sysViewTabs></sysViewTabs>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import groupViewTabs from "./groupViewTabs";
import sysViewTabs from "./sysViewTabs.vue";

export default {
  components: {
    groupViewTabs,
    sysViewTabs,
  },
  data() {
    return {
      activeName: "groupView",
    };
  },
  methods: {
    handleClick(tab, event) {},
  },
};
</script>
<style lang="scss" scoped>
    .dev-quality{
        margin: 10px;
        .w-tab{
            padding: 10px;
        }
    }
</style>